type Props = {
  tocCatalogHTML: string;
};

export default function TocCatalog({ tocCatalogHTML }: Props) {
  return (
    <>
      <div>
        <span className="ml-3 cursor-default">目录</span>
        <span className="float-right mr-3 cursor-pointer">📖</span>
      </div>
      <div
        className="prose catalog dark:prose-invert max-w-none "
        dangerouslySetInnerHTML={{ __html: tocCatalogHTML }}
      ></div>
    </>
  );
}
